<!DOCTYPE html>
<html lang="es">
	<head>
		<title>eStage | Inicio </title>
                                
                
                <link rel="shortcut icon" href="./images/fav_eStage.ico" />
                <!--meta informacion-->
		<meta charset="utf-8">
                <meta name="keywords" content="desarrollo, web, TI, software, soluciones, empresa, informatico, estage, tecnologia, mantenimiento">
                <!--links exteros css-->
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
                <!--scripts-->
		<script type="text/javascript" src="js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>  
		<script type="text/javascript" src="js/Vegur_300.font.js"></script>
		<script type="text/javascript" src="js/PT_Sans_700.font.js"></script>
		<script type="text/javascript" src="js/PT_Sans_400.font.js"></script>
		<script type="text/javascript" src="js/tms-0.3.js"></script>
		<script type="text/javascript" src="js/tms_presets.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/atooltip.jquery.js"></script>
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
		<![endif]-->
		<!--[if lt IE 7]>
			<div style=' clear: both; text-align:center; position: relative;'>
				<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
			</div>
		<![endif]-->
	</head>
	<body id="page1">
		<div class="main">
<!--header -->
			<header>
				<div class="wrapper">
					<h1><a href="index.php" id="logo"> </a></h1>
				</div>
				<nav>
					<ul id="menu">
						<li class="active"><a href="index.php"><span>Inicio</span></a></li>
						<li><a href="Company.php"><span>Compa&ntilde;ia</span></a></li>
						<li><a href="Solutions.php"><span>Soluciones</span></a></li>
						<li><a href="Services.php"><span>Servicios</span></a></li>
						<li class="last"><a href="Contacts.php"><span>Contactanos</span></a></li>
					</ul>
				</nav>
				<div id="slider">
					<ul class="items">
						<li>
							<img src="images/img1.jpg" alt="">
							<div class="banner">
								<span class="title"><span class="color2">Mentes trabajando</span><span class="color1">En conjunto para</span><span>poner a su alcance</span></span>
								<p>Lo mejor de la tecnología.</p>
                                                                
							</div>
						</li>
						<li>
							<img src="images/img2.jpg" alt="">
							<div class="banner">
								<span class="title"><span class="color2">Sistemas</span><span class="color1">orientados a</span><span>problemas reales</span></span>
								<p>Invertir en su empresa nunca será una mala idea.</p>
								
							</div>
						</li>
						<li>
							<img src="images/img3.jpg" alt="">
							<div class="banner">
                                                            <span class="title"><span class="color2">Mentes jovenes</span><span class="color1">con soluciones</span><span>modernas.</span></span>
								<p>Todos nuestros clientes son importantes para nosotros.</p>
								
							</div>
						</li>
					</ul>
				</div>
			</header>
<!--header end-->
<!--content -->
			<article id="content" class="AlineadoCentro">
				<div class="wrapper">
                                    
                                        <div class="col1 marg_right1">
						<h2>Servicios</h2>
						<ul class="list1">
							<li>Diseño web.</li>
							<li>Sistemas de información.</li>
							<li>Cableado estructurado.</li>
							<li>Modelado.</li>
                                                        <li>Producción de multimedia.</li>
                                                        <li>Equipamiento de hardware.</li>
						</ul>
					</div>
					<div class="col1 marg_right1">
                                            <h2>An&aacute;lisis</h2>
						<p>Contamos con profesionales especializados en su rama que lo asesorará para obtener el máximo beneficio de nuestros servicios de acuerdo a sus necesidades.</p>
					</div>
					<div class="col1 marg_right1">
						<h2>Estrategia</h2>
                                                <p>Nuestras metodologías implementadas permiten hacer trabajos de una forma más eficiente y económica para usted.<br> No es necesario hacer una inversión grande para disfrutar los benificios de esta era.</p>
					</div>
					
				</div>
			</article>
		</div>
		<div class="bg1">
			<div class="main">
				<article id="content2">
					<div class="wrapper">
						<div class="col2 marg_right1">
							<h3>Bienvenidos a eStage.</h3>
							<div class="wrapper">
								<figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure>
								<p class="color2 pad_bot1">Nuestra visión y misión es entender a cabalidad el funcionamiento operacional de su empresa, de esta manera podemos desarrollar aplicaciones a su medida, considerando la importancia de la toma de decisiones críticas y que gracias a nuestros servicios pueda optimizar el funcionamiento de su negocio.</p>
								
							</div>
							<p> Tenemos un amplio abanico de soluciones técnicas y tecnológicas desarrolladas para sus necesidades, que abarcan desde páginas web, cableado estructurado, hasta sistemas íntegros para su empresa o negocio.<br>Brindamos acceso a nuestro sistema y otorgamos información detallada y personalizada en cada proyecto para su seguridad y confianza.</p>
                                                        
						</div>
						<div class="col1">
							<h3>Noticias de inter&eacute;s</h3>
							<ul class="list2">
                                                                <li><a href="http://www.tendencias21.net/TENDENCIAS-TECNOLOGICAS_r4.html" target=_blank>Tendencias tecnológicas</a><br>Marcan el comportamiento de los consumidores.</li>	
                                                            	<li><a href="http://www.dedosdigitales.es/blog/la-importancia-de-tener-presencia-en-internet/" target=_balnk>Soluciones Globales</a><br>Tener presencia en internet es importante para las empresas que buscan cruzar fronteras.</li>
								<li><a href="http://www.revistapyme.com/index.php/merca/entertainment-news1928273029/music1142910156/320-888458554" target=_balnk>Beneficios</a><br>Hoy en día los consumidores buscan en internet qué van a comprar.</li>
							</ul>
						</div>
					</div>
				</article>
			</div>
		</div>
		<div class="main">
<!--content end-->
<!--footer -->
			<footer>
				eStage &copy; 2013 <br>Derechos reservados. eStage<br>
				<!-- {%FOOTER_LINK} -->
			</footer>
<!--footer end-->
		</div>
		<script type="text/javascript"> Cufon.now(); </script>
		<script>
			$(window).load(function(){
				$('#slider')._TMS({
					banners:true,
					waitBannerAnimation:false,
					preset:'diagonalFade',
					easing:'easeOutQuad',
					pagination:true,
					duration:400,
					slideshow:8000,
					bannerShow:function(banner){
						banner.css({marginRight:-500}).stop().animate({marginRight:0}, 600)
					},
					bannerHide:function(banner){
						banner.stop().animate({marginRight:-500}, 600)
					}
					})
			})
		</script>
	</body>
</html>